// pages/product/detail/detail.js
import Toast from '@vant/weapp/toast/toast'
import request from '../../../utils/request'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    product: null,
    productId: null,
    show: false,
    show1: false,
    show2: false,
    salesServiceList: null,
    starStatus: 0,
    address: '',
    isCollect: false,
    collect: '收藏'
  },
  GoodsInfo: {},
  // 点击收藏
  async onClickStar() {
    if (this.data.isCollect) {
      let res = await request.get('/collection/delete', {
        userId: wx.getStorageSync('userId'),
        productId: this.data.productId,
      })
      if(res.data.code === 200){
        Toast.success('已取消收藏');
      }
      this.setData({
        isCollect: false,
        collect: '收藏'
      })
    } else {
      let res = await request.get('/collection/collect', {
        productId: this.data.productId,
        userId: wx.getStorageSync('userId')
      });
      if (res.data.code === 200) {
        Toast.success('收藏成功');
      }
      this.setData({
        isCollect: true,
        collect: '已收藏'
      })
    }

  },
  // 立即购买
  async onClickButton() {
    
    // // 方法一
    // let res = await request.get('/cart/add', {
    //   productId: this.data.productId,
    //   userId: wx.getStorageSync('userId')
    // });
    // if (res.data.code === 200) {
    //   // Toast.success('添加成功');
    //   wx.navigateTo({
    //     url: '/pages/tabbar/cart/cart',
    //   });
    // }
    wx.switchTab({
      url: '/pages/tabbar/cart/cart',
    });
  },
  onClickCart() {
    // wx.switchTab({
    //   url: '/pages/tabbar/cart/cart',
    // });
    wx.switchTab({
      url: '/pages/tabbar/cart/cart',
    });
  },
  async onClickAddCart() {
    // 方法一
    // let res = await request.get('/cart/add', {
    //   productId: this.data.productId,
    //   userId: wx.getStorageSync('userId')
    // });
    // if (res.data.code === 200) {
    //   Toast.success('添加成功');
    // }

    // 方法二
    // 1 获取缓存中的购物车 数组
    let cart = wx.getStorageSync("cart") || [];
    // 2 判断 商品对象是否存在于购物车数组中
    cart.map(item=>{
      if(!item.id){
        item.id = 0
      }
    })
    let index = cart.findIndex(v => v.id === this.GoodsInfo.id);
    if (index === -1) {
      //3  不存在 第一次添加
      this.GoodsInfo.num = 1;
      this.GoodsInfo.id = this.data.productId;
      this.GoodsInfo.checked = true;
      cart.push(this.GoodsInfo);
    } else {
      // 4 已经存在购物车数据 执行 num++
      cart[index].num++;
    }
    // 5 把购物车重新添加回缓存中
    wx.setStorageSync("cart", cart);
    // 6 弹窗提示
    wx.showToast({
      title: '加入成功',
      icon: 'success',
      // true 防止用户 手抖 疯狂点击按钮 
      mask: true
    });
  },
  // 点击图片放大
  handlePrevewImage() {
    wx.previewImage({
      // urls: ["https://api-hmugo-web.itheima.net/pyg/banner2.png"]
      urls: [this.data.product.imageUrl]
    });
  },

  sorry() {
    wx.showToast({
      title: '暂无后续逻辑~',
      icon: 'none',
    });
  },
  showPopup() {
    this.setData({ show: true });
  },
  showPopup1() {
    this.setData({ show1: true });
  },
  showPopup2() {
    this.setData({ show2: true });
  },
  onClose() {
    this.setData({ show: false });
  },
  onClose1() {
    this.setData({ show1: false });
  },
  onClos2() {
    this.setData({ show2: false });
  },
  onFinish() {
    this.setData({ show: false });
  },
  onFinish1() {
    this.setData({ show1: false });
  },
  onFinish2() {
    this.setData({ show2: false });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    this.setData({
      productId: options.id
    });
    let res = await request.get('/product/detail', { id: options.id });

    this.GoodsInfo = res.data.data
    this.setData({
      product: res.data.data,
      salesServiceList: res.data.data.salesService.split(','),
      address: res.data.data.parcelType + '：' + res.data.data.sendAddress
    })

    let collect = await request.get('/collection/list', {
      userId: wx.getStorageSync('userId')
    })
    collect.data.data.map(item => {
      if (item.id === parseInt(options.id)) {
        console.log(123)
        this.setData({
          isCollect: true,
          collect: '已收藏'
        })
      }
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})